<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>🐏了个🐏简易版</title>
    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="../Jquery ui/node_modules/jquery-ui/dist/themes/base/jquery-ui.min.css">
    <script src="../Jquery ui/node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../Jquery ui/node_modules/jquery-ui/dist/jquery-ui.min.js"></script>
</head>
<body>
    <div class="game-container">
        <div class="game-header">
            <div class="pause-button">⏸</div>
            <div class="score"></div>
        </div>
<!-- 这是一个遮罩层，用来显示广告 -->
        <div class="overlay" id="overlay">
            <div class="ad">
              <span class="close-ad">&times;</span>
              <p>观看广告 30 秒后才能移除。</p>
              <p id="timer">30</p>
            </div>
          </div>
          <!-- 这是一个游戏主体，用来存贮篮子和小球 -->
        <div class="game-body">
            <div class="pot">
                <!-- <img src="./盒子.png" alt="篮子" class="basket" id="basket" style="width: 100%; "> -->
                 <div class="basket" id="basket"> 
                 </div>
                 <div id="next-level">进入下一关 <span id="next-level-count"></span></div>
                    <div class="items">
                        <!-- <img src="assets/item1.png" alt="物品1" class="item"> -->
                        <!-- <img src="assets/item1.png" alt="物品1" class="item">  -->
                    </div>
            </div>
            
        </div>
        <!-- 这是小槽 -->
        <div class="slot-container">
            <div class="slot"></div>
            <div class="slot"></div>
            <div class="slot"></div>
            <div class="slot"></div>
            <div class="slot"></div>
            <div class="slot"></div>
        </div>
        <!-- 底部按钮 -->
        <div class="game-footer">
            <div class="button remove-action">移出</div>
            <div class="button action">悬浮</div>
            <div class="button daluan-action">打乱</div>
        </div>
    </div>
    
    <script src="./script.js"></script>
    
   
</body>
</html>


